<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      >

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_Ajuste')}"/>
    </f:metadata>

    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">
                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="850"/>
                    <ui:param name="title" value="Consulta Ajuste de Materiales"/>
                </ui:include>
                <div align="left">
                    <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                    <h:form id="Step1" style="width: inherit">
                        <p:panel style="width: 950px" header="1. Informaci&oacute;n Ajuste de Material" rendered="#{consultaAjusteManaged.flagStep_1}">

                            <p:toolbar style="width: inherit"  >
                                <p:toolbarGroup align="left" style="width: inherit">
                                    <h:selectBooleanCheckbox value="#{consultaAjusteManaged.selectedEncaAjuste.filtrar_estado}" style="width: 25px" />
                                    <h:outputText value="Ver Anulados"/>

                                    <p:spacer width="30" height="10"/> <h:outputText value="Fecha Inicio: "/>
                                    <p:calendar value="#{consultaAjusteManaged.selectedEncaAjuste.fecha_i}" pattern="dd.MM.yyyy" effect="fadeIn"/>


                                    <p:spacer width="30" height="10"/> <h:outputText value="Fecha Fin: "/>
                                    <p:calendar value="#{consultaAjusteManaged.selectedEncaAjuste.fecha_f}" pattern="dd.MM.yyyy" effect="fadeIn"/>
                                </p:toolbarGroup>
                            </p:toolbar>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton value="#{sms.buscar}" actionListener="#{consultaAjusteManaged.buscarGrid}" update="Step1:Table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 mensaje"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdEncaReporte.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="Table" value="#{consultaAjusteManaged.encaAjustes}" var="row" rows="15"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaAjusteManaged.selectedDetaAjuste}"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Ajuste"/>
                                </f:facet>
                                <p:column headerText="Doc" sortBy="#{row.numero_documento_aj}" filterBy="#{row.numero_documento_aj}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.numero_documento_aj}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Estado" sortBy="#{row.estado_aj}" filterBy="#{row.estado_aj}" filterMatchMode="exact" style="width: 50px">
                                    <h:outputText value="#{row.estado_aj}" style="width: 50px"/>
                                </p:column>
                                <p:column headerText="Fecha" sortBy="#{row.fecha_aj}" filterBy="#{row.fecha_aj}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.fecha_aj}" style="width: 50px">
                                        <f:convertDateTime pattern="dd-MM-yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="Descripci&oacute;n" sortBy="#{row.descripcion_aj}" filterBy="#{row.descripcion_aj}" filterMatchMode="contains" >
                                    <h:outputText value="#{row.descripcion_aj}"/>
                                </p:column>

                                <f:facet name="footer">
                                    <p:commandButton value="#{sms.siguiente}" title="#{sms.verDetalle}" image="ui-icon ui-icon-circle-arrow-e"  actionListener="#{consultaAjusteManaged.ocultarFlag_1}" update="Step1 Step2 mensaje" />
                                </f:facet>
                            </p:dataTable>

                        </p:panel>
                    </h:form>

                    <h:form id="Step2" style="width: inherit">
                        <p:panel style="width: 950px" header="2. Detalle Ajuste de Materiales" rendered="#{consultaAjusteManaged.flagStep_2}">
                            <h2>
                                <h:panelGrid id="pDeta1" columns="1">
                                    <h:outputText value="Usuario de Transacci&oacute;n: #{consultaAjusteManaged.selectedDetaAjuste.usuario_u}" />
                                    <h:outputText value="Fecha Hora de Transacci&oacute;n:                    #{consultaAjusteManaged.selectedDetaAjuste.fechahora} " />
                                </h:panelGrid>
                                <p:separator/>
                            </h2>

                            <h:panelGrid id="pDeta2" columns="7">
                                <h:outputText value="Bloque"/><p:spacer width="25" height="10"/>
                                <p:inputText value="#{consultaAjusteManaged.selectedDetaAjuste.bloque_aj}" readonly="true" style="width: 50px"/>
                                <h:outputText value="Estado"/><p:inputText value="#{consultaAjusteManaged.selectedDetaAjuste.estado_aj}" readonly="true" style="width: 50px"/>
                                <h:outputText value="N° Doc."/><p:inputText value="#{consultaAjusteManaged.selectedDetaAjuste.numero_documento_aj}" readonly="true" style="width: 50px"/>
                            </h:panelGrid>
                            <h:panelGrid id="pDeta3" columns="2">
                                <h:outputText value="Descripci&oacute;n" /><p:inputText value="#{consultaAjusteManaged.selectedDetaAjuste.descripcion_aj}" readonly="true" style="width: 600px"/>
                            </h:panelGrid>
                            <div align="center">
                                <br/>
                                <h:panelGrid id="detaBotones" columns="3" cellpadding="1" >
                                    <p:commandButton image="ui-icon ui-icon-pencil" value="#{sms.modificar}" onclick="cmdModificar.show()" title="#{sms.modificarRegistro}" />
                                    <p:commandButton image="ui-icon ui-icon-trash" value="#{sms.anular}" onclick="cmdAnular.show()" title="#{sms.anularRegistro}"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdDetaReporte.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="table" value="#{consultaAjusteManaged.detaAjustes}" var="row" rows="10"
                                         paginator="true"  paginatorPosition="bottom"
                                         emptyMessage="#{sms.TableEmptyMessage}"  >
                                <f:facet name="header"><h:outputText value="Lista de Materiales"/></f:facet>

                                <p:column headerText="Tipo" style="width: 40px">
                                    <h:outputText value="#{row.tipo_d}" />
                                </p:column>
                                <p:column headerText="Cantidad" style="width: 40px">
                                    <h:outputText value="#{row.cantidad_d}" />
                                </p:column>
                                <p:column headerText="Nombre" style="width: 500px" >
                                    <h:outputText value="#{row.nombre_m}" />
                                </p:column>
                            </p:dataTable>


                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.regresar}" title="#{sms.regresarConsultaPrincipal}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaAjusteManaged.ocultarFlag_2}" update="Step2 Step1 mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>

                    <h:form id="dialogs">
                        <p:confirmDialog message="#{sms.iModificada}" header="#{sms.modificar}" severity="alert" widgetVar="cmdModificar">
                            <p:commandButton value="Si" oncomplete="cmdModificar.hide()" actionListener="#{consultaAjusteManaged.modificarAjuste}" update="mensaje" />
                            <p:commandButton value="No" onclick="cmdModificar.hide()" />
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iAnular}" header="#{sms.anular}" severity="alert" widgetVar="cmdAnular">
                            <p:commandButton value="Si" oncomplete="cmdAnular.hide()" actionListener="#{consultaAjusteManaged.anularAjuste}" update="Step1 Step2 mensaje" />
                            <p:commandButton value="No" onclick="cmdAnular.hide()" />
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdEncaReporte">
                            <p:commandButton value="Si" actionListener="#{consultaAjusteManaged.generarEncaReporte}" oncomplete="cmdEncaReporte.hide()" update="mensaje"/>
                            <p:commandButton value="No" onclick="cmdEncaReporte.hide()"/>
                        </p:confirmDialog>
                        <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdDetaReporte">
                            <p:commandButton value="Si" actionListener="#{consultaAjusteManaged.generarDetaReporte}" oncomplete="cmdDetaReporte.hide()" update="mensaje" />
                            <p:commandButton value="No" onclick="cmdDetaReporte.hide()"/>
                        </p:confirmDialog>

                    </h:form>
                </div>
            </ui:define>



        </ui:composition>

    </body>
</html>